<template>
  <a-config-provider
    :theme="{
      token: {
        colorPrimary: '#262E47',
        colorSuccess: '#FF5151',
        colorInfo: '#262E47',
        colorWarning: '#262E47',
        borderRadius: 4,
        controlOutline: false,
      },
    }"
    :locale="locale"
  >
    <router-view />
  </a-config-provider>
</template>
<script setup>
import { ref } from 'vue'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import dayjs from 'dayjs'

import 'dayjs/locale/zh-cn'
dayjs.locale('zh-cn')
const locale = ref(zhCN)
</script>
<style lang="less">
.container {
  padding: 24px !important;
  box-sizing: border-box !important;
}
.layout-flexSpace {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-scroll {
  overflow-y: scroll;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: #5065f6;
  transition: color 0.2s ease;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
// a{
//     color: #5065f6 !important;
//   }
// .ant-btn-primary {
//   background-color: #5065f6 !important;
//   border-color: #5065f6 !important;
//   border-radius: 4px !important;
// }
// .ant-btn-dangerous{
//   border-color: #ff4d4f !important;
//     background: #ff4d4f !important;
// }
</style>
